Flexbox 和 Grid哪个更加好?

Flexbox 和 Grid哪个更加好?

他们有各自的好处。 Flexbox能做Grid做不到的。 反转也是。 首先说一下Float,Float是不会照顾整个布局的 ,只会向某一个方向排布。 Flexbox,是一个方向的布局的,它不会计算另外一个方向引起的布局的,如果你的布局是方格形式的布局,那么Flexbox并不能做好。 Grid,它有能力处理两条线的布局,意思是他总是根据两个方向上的content的大小不同而互相影响(同时处理rows和columns)。


还有 Grid布局是可以叠在一起的 而Flex不能例子链接

这里要设置好align-items:end;然后同时设置grid-column:1/2 grid-row:1/2把他们放同一个位置 (这里我又想到一个,如果display:grid;然后没有grid-templated-rows这些东西,那么浏览器会怎么布局?浏览器会只设置一个空格 各有[1][2]名称的线条)

参考:Jensimmons的Flexbox vs. CSS Grid — Which is Better?
文章目录
  1. 1. Flexbox 和 Grid哪个更加好?
|